<template>
	<view>
		<view class="content">
			<mp-html :content="html" lazy-load></mp-html>
		</view>
		
		<view class="safe-area-inset-bottom" style="height: 203rpx;box-sizing: content-box;"></view>
		
		<view class="footer safe-area-inset-bottom">
			<view class="submit-btn">
				<u-button shape="circle" type="primary" @click="submit">下一步</u-button>
			</view>
			<view class="tips-xy">
				<u-checkbox label-size="26" active-color="#de1f1c" shape="circle" v-model="checked">已阅读<text 
				 @click.sotp="$app.openXY(6)" style="color: #1f87f9;">《房联网保密协议与服务协议》</text></u-checkbox>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:'',
				checked:!0,
				html:''
			}
		},
		methods: {
			submit(){
				if(!this.checked){this.$u.toast('请先阅读并同意协议');return}
				this.$app.jump('/pages/house/more/daikan-submit?data=' + this.data)
			}
		},
		onLoad({data}) {
			this.data = data
			this.$u.api.contractDetails({id:4}).then(res=>this.html = res.content)
		}
	}
</script>

<style lang="scss">
	.content{padding: 20rpx;}
	.footer{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;}
	.submit-btn{padding: 30rpx 40rpx 0;}
	.tips-xy{padding: 20rpx  0 30rpx 50rpx;}
</style>
